/* 改变主题色变量 */
$--color-primary: #02C3FF;
$activeColor: #02C3FF;
$mainBg: #132230;
$pannelBg: #0A1722;
$textColor:#fff;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";
//表格上方操作栏

.mapContainer{
  width: 100%;
  height: 7.5rem;
}
 .custom-content-marker{
  position: relative;
  width: 0.3125rem!important;
  height: 0.425rem!important;
  background: url('./static/workR/inspectIcon.png')no-repeat  !important;
  background-size: 100% 100% !important;
}
.custom-content-marker img {
  width: 100%;
  height: 100%;
}
.custom-content-marker .close-btn {
  position: absolute;
  top: -0.05rem;
  right: 0rem;
  width: 0.3125rem;
  height: 0.425rem;
  font-size: 0.15rem;
  //background: #ccc;
  //border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 0.425rem;
  //box-shadow: -0.0125rem 0.0125rem 0.0125rem rgba(10, 10, 10, .2);
}
.filter-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.375rem;
  color: rgba(255,255,255,.7);
  .filter-fn-input{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .filter-item {
      margin-right: 0.25rem;
      &:last-child{
        margin-right: 0;
      }
      .el-input, .el-select{
        margin: 0 0.1rem;
      }
      .avue-input{
        display:inline-block;
        width: 1.7rem;
      }
    }
  }
  .filter-handle-btn {
    display: flex;
    align-items: center;
    label{
      font-size: 0.15rem;
    }
  }
}
.el-form{
    .el-form-item{
      .el-form-item__label{
        color: #B8BDC1;
      }
      .el-radio{
        color: #B8BDC1;
      }
    }
    .form-item-withbtn{
      display: flex;
      .form-item-withbtn__input{
        flex: 1;
        margin-right: 0.1875rem;
      }
      .form-item-withbtn__btn{
        .form-item-label{
          margin-top: 0.125rem;
          height: 0.45rem;
          //margin-bottom: 0.125rem;
        }
      }
    }
  }
  // 弹窗
  .el-dialog{
	backdrop-filter: blur(2px);
    .custom-dialog-cose{
      cursor: pointer;
      position: absolute;
      top: 0.25rem;
      right: 0.25rem;
      font-size: 0.25rem;
      color:rgba(2, 195, 255, 0.8000);
    }
    .custom-dialog-cose:hover{
      color:$activeColor;
    }
    background:rgba(1, 25, 46,0.9);
    position: relative;
    &.workplaceDialog{
      padding-left: 0.375rem;
      padding-right: 0.375rem;
    }
    &::before{
      content: '';
      position: absolute;
      border-bottom: 0.0125rem solid rgba(26, 207, 255, 0.1);
      width: 100%;
      // top: 0.7rem;
	  top: 64px;
      left: 0;
    }
.el-dialog__header{
  
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    text-align: center;
	padding-bottom:20px;
    .el-dialog__title{
    
    }
    .el-dialog__headerbtn{
      font-size: 0.25rem;
      .el-dialog__close{
        color:rgba(2, 195, 255, 0.8);
      }
      &:hover{
        .el-dialog__close{
          color: $activeColor;
        }
      }
    }
  }
  .el-dialog__title {
    color: $activeColor;
  }
}
// message box
.el-message-box{
  background-color: $mainBg;
  border:0;
  border-radius: 0;
  .el-message-box__header{
    text-align: center;
    .el-message-box__title{
       color: $activeColor;
    }
    .el-message-box__headerbtn{
      .el-message-box__close{
        color: $activeColor;
      }
    }
  }
  .el-message-box__content{
    color: $textColor;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
}
// 输入框
input{
  background: transparent;
}
  .el-input__inner{
    background: rgba(0,0,0,.3);
    // border-color: transparent;
    color: #fff;
    border: rgba(2, 195, 255,0.7) 0.0125rem solid;
    border-radius: 0%;

    &:hover{
      border-color: rgba(2, 195, 255,0.7) 0.0125rem solid;
    }
  }
.el-input{
  &.is-disabled{
    .el-input__inner{
      background-color: rgba(0,0,0,.15);
      border-color: transparent;
      &:hover{
        border-color: transparent;
      }
    }
  }
}
.el-form-item.is-error{
  .el-input__inner{
    border-color: #F56C6C;
  }
}
// textarea
.el-textarea {
  .el-textarea__inner {
  
    background-color: rgba(0,0,0,0.3);
    border-color: transparent;
    color: #fff;
    &:hover{
      border-color: rgba(0,0,0,0);
    }
  }
  .el-input__count {
    background-color: rgba(0,0,0,0);
  }
}
// 时间选择
.el-time-panel__footer{
  border-color:rgba(2, 195, 255,.3)
}
.el-time-panel__btn{
  color:#fff;
  &.confirm{
    color:  $activeColor;
  }
}
.el-time-panel__content::after, .el-time-panel__content::before{
  border-color: rgba(2, 195, 255,.2);
}
.el-time-range-picker__body{
  border-color: rgba(2, 195, 255,.2);
}
.el-time-spinner__item{
  color: rgba(255, 255, 255, 0.7);
  &.disabled{
    color: rgba(255,255,255,.3);
  }
  &.active:not(.disabled){
      color: #fff;
  }
  &:hover:not(.disabled):not(.active){
    background: rgba(2, 195, 255, 0.3);
  }
}
// 日期
.el-year-table{
  td{
    .cell{
      &:hover{
        color: $activeColor;
      }
    }
    &.current:not(.disabled){
      .cell{
        color: $activeColor;
      }
    }
  }
}
.el-date-editor{
  .el-range-input,.el-range-separator{
    color: #fff;
  }
  .el-icon-date{
    color: rgba(2, 195, 255, 0.3);
  }
}
.el-month-table {
  td.current:not(.disabled) .cell, td.today .cell, td .cell:hover {
    color: $activeColor;
  }
  td.disabled .cell{
    border-radius: 0;
    background: transparent;
    &:hover{
      color: #C0C4CC;
      text-decoration: none;
    }
  }
  td.start-date, td.end-date {
    .cell {
      background-color: $activeColor;
      &:hover {
        color: #fff;
      }
    }
  }
}
.el-date-picker__header--bordered{
  border-color: rgba(255,255,255,0.1);
}
.el-date-picker__header-label{
  color: $activeColor;
  &.active,&:hover{
    color: $activeColor;
  }
}
.el-range-editor{
  &.is-active{
    border-color: transparent;
    &:hover{
      border-color: transparent;
    }
  }
  &.is-disabled{
    background-color: rgba(0, 0, 0, 0.3);
    border-color:transparent;
    color: rgba(255, 255, 255, 0.7);
    &:focus,&:hover{
      border-color:transparent;
    }
  }
  input{
    background-color:rgba(0,0,0,0);
  }
}

.el-date-range-picker__content.is-left{
  border-color: transparent;
}
.el-picker-panel{
  color: $activeColor;
  background:$pannelBg;
  border: 1px solid rgba(0, 125, 219, 0.14);
  .el-picker-panel__icon-btn,.el-picker-panel__icon-btn:hover{
    color:$activeColor;
  }
  .el-date-table{
    th{
      border-bottom-color:transparent;
    }
    td{
      span{
        color: rgba(255, 255, 255, 0.7);
        background: rgba(0, 0, 0, 0.3);
        border-radius:0.0375rem;
      }
      &.disabled{
        div{
          background-color: transparent;
          span{
            color: rgba(255,255,255,.3);
          }
        }
      }
      &.today{
        span{
          color: #fff;
        }
      }
      &.current{
        &:not(.disabled) span{
          background-color: rgba(2, 195, 255, 1);
        }
      }
      &.end-date,&.start-date{
        div{
          span{
            background-color: rgba(2, 195, 255, 1) !important;
            color: #fff;
          }
        }
      }
      &.next-month,&.prev-month{
        color: rgba(128,128,128,.5);
      }
      &.in-range{
        div{
          background: transparent;
          span{
            background-color: rgba(2, 195, 255, 1);
            border-radius: 0.0375rem;
          }
          &:hover{
            background: transparent;
          }
        }
      }
    }
    &.is-week-mode{
      .el-date-table__row{
        &.current{
          div{
            background: transparent;
          }
        }
      }
    }
  }
}
// radio
.el-radio__inner{
  background-color: transparent;
  border-width: 0.025rem;
  border-color:rgba(2, 195, 255, 1);
  &:after{
    background-color: #132230;
  }
  &:hover{
    border-color: $activeColor;
  }
}
.el-radio__input.is-checked{
  .el-radio__inner{
    border-color: $activeColor;
    background: $activeColor;
  }
  &+.el-radio__label{
    color: $activeColor;
  }
}
.el-radio__input.is-disabled {
  .el-radio__inner:hover{
    border-color: $textColor;
  }
}
// switch
.el-switch {
  .el-switch__label--right.is-active {
    color:  $activeColor;
  }
}
// 形组件
.el-tree{
  background: $pannelBg;
  color:rgba(255, 255, 255, 0.7);
  .el-tree-node__content{
    background-color: $pannelBg;
    &:hover{
      background-color: rgba(0,0,0,.3)
    }
  }
  .el-tree-node{
    &:focus{
      &>.el-tree-node__content{
        background-color: transparent;
      }
    }
  }
  &.el-tree--highlight-current{
    .el-tree-node.is-current>.el-tree-node__content{
      background-color: rgba(0,0,0,.3);
      color: $activeColor;
    }
  }
  .custom-tree-node{
    // 定制树节点
    display: inline-block;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    .isleaf{
      position:relative;
      &::before{
        content:'';
        display: inline-block;
        margin-right: 0.0625rem;
        width: 0.1rem;
        height: 0.1rem;
        background-color: #F5A623;
        border-radius: 50%;
      }
    }
  }
}
// checkbox
.el-checkbox{
  color: rgba(255, 255, 255, 0.7);
  .el-checkbox__input{
    &.is-disabled{
      .el-checkbox__inner{
        background-color: rgba(255,255,255,0.08);
        border-color:rgba(255,255,255,0.2);
        &:hover{
          border-color:rgba(255,255,255,0.2);
        }
      }
    }
    .el-checkbox__inner{
      background-color:rgba(0, 0, 0, 0.3);
      border-color: rgba(2, 195, 255, 0.7);
      &:hover{
        border-color:$activeColor;
      }
      &:after{
        border-color: #132230;
      }
    }
    &.is-checked,&.is-indeterminate{
      .el-checkbox__inner{
        background-color:$activeColor;
        border-color:$activeColor;
      }
    }
    &.is-indeterminate{
      .el-checkbox__inner{
        &:before{
          background-color: #132230;
        }
      }
    }
    &.is-checked+.el-checkbox__label{
      color: $activeColor;
    }
    &.is-focus{
      .el-checkbox__inner{
        border-color:rgba(2, 195, 255, 0.7);
      }
    }
  }
}
.el-menu--popup{
    margin-left: -0.125rem;
    background-color: #fff ;
    .el-menu-item{
      background-color: rgb(32,34,42) ;
      span,i {
        color:rgb(184,182,187) ;
      }
      &.is-active{
        background-color:rgba(0,0,0,1) ;
        span,i {
          color:#fff ;
        }
        &:hover{
          background-color:rgba(0,0,0,1) ;
        }
      }
      &:hover{
        background-color: rgb(32,34,42) ;
        i,span{
          color:#fff ;
        }
      }
    }
  }
  .el-dropdown-menu__item {
    font-size: 0.15rem !important;
    line-height: 0.35rem !important;
  }
  
  .el-card.is-always-shadow {
    //box-shadow: none;
    box-shadow: none !important;
    border: none !important;
  }
  
  .el-scrollbar__view {
    height: 100%;
  }
  
  .el-collapse-item__header {
    display: block !important;
  }
  
  .el-menu--horizontal {
    border-bottom: none !important;
  }
  
  .el-menu {
    border-right: none !important;
  }
  
  .el-menu--display,
  .el-menu--display + .el-submenu__icon-arrow {
    display: none;
  }
  
  .el-dropdown-menu__item--divided:before,
  .el-menu,
  .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
  .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
  .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
    background-color: transparent;
  }
  
  .el-message__icon,
  .el-message__content {
    display: inline-block;
  }
  
  .el-date-editor .el-range-input,
  .el-date-editor .el-range-separator {
    height: auto;
    overflow: hidden;
  }
  
  .el-dialog__wrapper {
    z-index: 2048;
  }
  
  
  .el-col {
    margin-bottom: 0.1rem;
  }
  
  .el-main {
    padding: 0 !important;
  }
  
  .el-dropdown-menu__item--divided:before, .el-menu, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
    background-color: transparent !important;
  }
// 带点小圆环
.circle {
  position: relative;
  display: inline-block;
  width: 0.175rem;
  height: 0.175rem;
  border: 0.025rem solid #B8BDC1;
  border-radius: 50%;
  &.active {
    border-color: $activeColor;
    &::after {
      content: '';
      position: absolute;
      top: 0.03rem;
      left: 0.03rem;
      width: 0.075rem;
      height: 0.075rem;
      border-radius: 50%;
      background-color: $activeColor;
    }
  }
}

  // 时间线提出 start
.timeline-container {
    // width: 12.5rem;
    margin: 0 auto;
    padding: 0.25rem;
    color: #B8BDC1;
    .timeline-item {
      position: relative;
      &::before {
        content: '';
        position: absolute;
        top: 0.3rem;
        left: -0.0125rem;
        height: calc(100% - 0.25rem);
        border-left: 0.0125rem dashed $activeColor;
      }
      &:last-child {
        &::before {
          display: none;
        }
      }
      .item-title {
        position: relative;
        display: flex;
        margin: 0.2rem 0;
        font-size: 0.2rem;
        color: $activeColor;
        .circle {
          top: 0;
          left: -0.1125rem;
        }
        .time {
          margin: 0 0.25rem;
          color: rgba(2, 195, 255, 0.5);
        }
      }
    }
    .info-box {
      margin-left: 0.375rem;
      line-height: 0.35rem;
      .info-row {
        display: flex;
        justify-content: space-between;
        margin: 0.1rem 0;
        .info-item {
          display: flex;
          width: 32%;
          .label {
            // width: 1.5rem;
			      width: 80px;
            &.start {
              &::before {
                content: '*';
                color: #F56C6C;
                margin-right: 0.05rem;
              }
            }
          }
          .content{
            flex: 1;
            display: flex;
            .circle {
              margin-right: 0.1125rem;
            }
          }
          &.long {
            width: 100%;
            .content {
              flex: 1;
              min-height: 1.25rem;
              padding: 0.1rem;
              background-color: rgba(0, 0, 0, 0.3000);
            }
          }
        }
        .image-box {
          display: flex;
          flex-wrap: wrap;
          margin-left: 1.5rem;
          width: 100%;
          .img {
            width: 32%;
            height: 1.5rem;
            margin: 0 0.125rem 0.125rem 0;
          }
        }
      }
      .btn-row {
        text-align: right;
        margin: 0.25rem 0;
      }
    }
  }
  // 时间线提出 end

  // 按钮
.el-button{
    background:rgba(0, 0, 0, 0.3);
    border-color: rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.65);
    &:focus,&:hover{
      background-color:rgba(0, 0, 0, 0.4);
    }
    .icon-danweiauth{
      //权限按钮大小修复
      font-size: 0.175rem !important;
      margin-right: 0.0625rem;
    }
    &:disabled{
      &:focus,&:hover{
        background: rgba(0, 0, 0, 0.3);
        border-color: $activeColor;
        color:$activeColor;
      }
      //background: rgba(0, 0, 0, 0.3);
      border-color: $activeColor;
      color:$activeColor;
    }
    &.el-button--primary{
      background-color: rgba(2, 195, 255, 0.7);
      border-color: transparent;
      //border:0;
      color: #fff !important;
      .point-button-name{
        border-color:#fff;
        color: #fff;
      }
      .point-button-status{
        color: #fff;
      }
      &:focus,&:hover{
        color: #fff;
        background-color: rgba(2, 195, 255, 0.7);
      }
      &.is-plain{
        background-color: rgba(2, 195, 255, 0.7);
        border-color: transparent;
        color: #fff;
        &:focus,&:hover{
          color: #fff;
          background-color: rgba(2, 195, 255, 0.7);
        }
      }
    }
    &.is-plain{
      color: $activeColor !important;
      border:0.0125rem solid $activeColor !important;
      border-radius: 0.025rem;
      background: transparent !important;
      &:focus,&:hover{
        background: rgba(0, 0, 0, 0.3);
        border-color: $activeColor !important;
        color:$activeColor !important;
      }
      &:disabled{
        &:focus,&:hover{
          background: rgba(0, 0, 0, 0.3);
          border-color: $activeColor;
          color:$activeColor;
        }
        //background: rgba(0, 0, 0, 0.3);
        border-color: $activeColor;
        color:$activeColor;
      }
    }
    &.el-button--danger{
      color: #fff;
      background-color: #F84242;
      border-color: #F84242;
      &:focus,&:hover{
        color: #fff;
        background-color: #F84242;
        border-color: #F84242 !important;
      }
    }
    &.el-button--text{
      border-color: transparent;
      color: $activeColor;
      background: transparent;
      &:hover,&:focus{
        color:$activeColor;
        background: transparent;
      }
    }
    &.is-disabled{
      &.is-plain{
        &:hover,&:focus{
          border-color: $activeColor;
        }
      }
    }
    &.el-button--default{//默认按钮
      &:hover,&:focus{
        border-color: rgba(255,255,255,0.2)
      }
    }
  }
  
  
 .el-dialog__body{
    color: rgba(255, 255, 255,0.9)!important;
   }
 .el-radio{
    color: rgba(255, 255, 255,0.9)!important;
   }
  
  /* 公共类*/
  .active-color {
    color: $activeColor;
  }
  
  // 头像上传
  .avatar-uploader{
    &.disabled{
      .uplaod-custom-wrap{
        display: none;
      }
      .el-upload--picture-card i{
        font-size: 0.25rem;
      }
    }
    .el-upload {
      cursor: pointer;
      position: relative;
      border:0;
      background:rgba(0,0,0,0.2);
    }
    .uplaod-custom-wrap{
      height: 100%;
      width: 100%;
      line-height: 0.8;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .el-upload:hover {
      border-color:$activeColor;
    }
    .upload-tips{
      color: $activeColor;
      opacity: 0.25;
    }
    .avatar-uploader-icon {
      text-align: center;
      font-size: 0.375rem !important;
      color:$activeColor;
      opacity: 0.25;
    }
  }
  
  //icon按钮类
  .el-button.el-button--text{
    color: $activeColor
  }
  //弹框关闭按钮
  .update-dialog .el-dialog__body .custom-dialog-cose{
    color: $activeColor
  }
  //评分选中颜色
  .el-rate__icon{
    color: $activeColor !important;
  }
  //日期范围选择当中间隔字显示不全问题
  .el-date-editor .el-range-separator{
    width: 6%;
  }

   // transfer
   .el-transfer{
    .el-transfer-panel{
      background: $pannelBg;
      border: 0;
      border-radius: 0;
      .el-transfer-panel__header{
        background: rgba(0,0,0,.3);
        border: 0;
        color: rgba(2, 195, 255, 1);
        .el-checkbox{
          .el-checkbox__label{
            color: rgba(2, 195, 255, 1);
            span{
              color: rgba(2, 195, 255, 1);
            }
          }
        }
      }
      .el-transfer-panel__body{
        .el-checkbox{
          margin-right: 0;
        }
        .el-transfer-panel__filter{
          .el-input__inner{
            border-radius: 0;
          }
        }
        .el-input__prefix, .el-input__suffix{
          color: rgba(80, 227, 194, 0.3);
        }
      }
    }
    .el-transfer__button{
      background: rgba(2, 195, 255, 1);
      &.is-disabled{
        background-color: rgba(0, 0, 0, 0.3);
        border: 0;
        i{
          color: rgba(80, 227, 194, 0.3);
        }
        &:hover{
          background-color: rgba(0, 0, 0, 0.3);
          border: 0;
          i{
            color: rgba(80, 227, 194, 0.3);
          }
        }
      }
      i,span{
        color: #fff;
      }
    }
  }
  // drawer
  .el-drawer{
    background: linear-gradient(90deg,#0a1722,#0d1d29);
    color: #fff;
    .el-drawer__body{
      position: relative;
      padding: 0.25rem 0.625rem 0;
      &>button{
        z-index: 1007;
        min-width: 0.725rem;
        height: 0.725rem;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        border: none;
        font-size: 0.25rem;
        color: #999;
        padding: 0;
        background: linear-gradient(-132deg,rgba(80,227,194,.3) 2em,#0d1d29 0);
        i{
          color: #fff;
          position: relative;
          left: 0.1875rem;
          top: -0.0625rem;
          font-size: 0.325rem;
        }
        &:hover{
          background: linear-gradient(-132deg,rgba(219,54,29,.7) 2em,#0d1d29 0);
        }
      }
      &:before{
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border:0.025rem solid $activeColor;
        clip-path: polygon(0 0,0.375rem 0,0.375rem 100%,0 100%);
      }
    }
  }
  // radiogroup
  .el-radio-group{
    .el-radio-button__orig-radio{
      &:checked+.el-radio-button__inner{
        color: #fff;
        box-shadow: none;
        border-radius: 0;
        background:rgba(80,227,194,0.7);;
      }
    }
    .el-radio-button__inner{
      background: transparent;
      border-color: $activeColor !important;
      color: rgba(80,227,194,1);
      border-radius: 0;
      &:hover{
        color: $activeColor;
      }
    }
	.el-radio{
		color: #B8BDC1;
	}
  }
  // 级联选择
  .el-cascader{
    &:not(.is-disabled){
      &:hover{
        .el-input__inner{
          border-color: #000;
        }
      }
    }
    .el-input{
      .el-input__inner{
        &:focus{
          border-color: #000;
        }
      }
      &.is-focus{
        .el-input__inner{
          border-color: #000;
        }
      }
    }
  }
  .el-cascader__label{
    color: rgba(255, 255, 255, 0.7);
  }
  .el-cascader-menu{
    border-right-color:rgba(80, 227, 194, 0.2);
    background-color: $pannelBg;
  }
  .el-cascader-menus{
    background: $pannelBg;
    border-color: #000;
  }
  .el-cascader-node{
    color: rgba(255, 255, 255, 0.7);
    &.in-active-path,&.is-active{
      color: $activeColor;
    }
    &:hover,&:focus:not(:active){
      background-color: rgba(0, 0, 0, 0.3) !important;
    }
    &.is-disabled{
      &:hover{
        background-color:$pannelBg;
      }
    }
  }
  .el-carousel__mask,.el-collapse-item__header,.el-collapse-item__wrap{
    background-color: $pannelBg;
  }
  .el-cascader-menu__item--extensible:after{
    color: rgba(255, 255, 255, 0.4);
  }
  .el-cascader__dropdown{
    border-color: #000;
  }
  // dropdown
  .el-select-dropdown, .el-select-dropdown.is_multiple{
    background: $pannelBg;
	border: solid 1px rgba(0, 125, 219, 0.14);
    .el-select-dropdown__item{
      color:rgba(255, 255, 255, 0.7);
      &.selected{
        background: $pannelBg;
        color:$activeColor;
      }
      &.hover, &.selected.hover, &:hover{
        background-color: rgba(0, 0, 0, 0.3);
      }
      .el-tree{
        .el-tree-node__content{
          div{
            font-weight: normal;
          }
        }
      }
    }
  }
  // loading
  .el-loading-mask{
    background:rgba(0,0,0,0.3);
  }
  .el-loading-spinner .path{
    stroke:$activeColor
  }
  .el-loading-spinner {
    .el-loading-text {
      color: $activeColor;
    }
    .el-icon-loading {
      color: $activeColor;
    }
  }
  // dropdown menu
  .el-popover{
    background: $pannelBg;
    border-color: #000;
  }
  .el-dropdown-menu{
    background: $pannelBg;
    border-color: #000;
    .el-dropdown-menu__item{
      color: rgba(255,255,255,.7);
      &:focus,&:not(.is-disabled):hover{
        background-color: rgba(58, 165, 146, 0.3);
        color: #fff;
      }
    }
    .el-dropdown-menu__item--divided:before{
      background-color:$pannelBg;
    }
    .el-dropdown-menu__item--divided{
      border-top-color:$pannelBg;
    }
  }
  // popper
  .el-popper[x-placement^=bottom]{
    .popper__arrow{
	  top: -8px;
      border-bottom-color: rgba(0, 0, 0, 0.3);
      &::after{
        border-bottom-color: rgba(0, 0, 0, 0.3);
      }
    }
  }
  .el-popper[x-placement^=top]{
    .popper__arrow {
      border-top-color: rgba(0, 0, 0, 0.3);
      &::after{
        border-top-color: rgba(0, 0, 0, 0.3);
      }
    }
  }
  // 下拉框
  .el-select{
    .el-input__inner:focus{
      border-color: rgba(2, 195, 255, 1)
    }
    .el-input{
      &.is-focus{
        .el-input__inner{
          border-color: rgba(2, 195, 255, 1)
        }
      }
    }
    &:hover{
      .el-input__inner {
        border-color: rgba(2, 195, 255, 1);
      }
    }
  }
  // tag
  .el-tag {
    color: $activeColor;
    border-color: rgba(2, 195, 255, 1);
    background: $pannelBg;
    .el-tag__close {
      color: $activeColor;
    }
    .el-tag__close:hover {
      color: #fff;
      background-color: $activeColor;
    }
    &.el-tag--info {
      color:rgba(255, 255, 255, 0.7);
      border-color: rgba(0, 0, 0, 0.3);
      background: $mainBg;
      border-color: rgba(0, 0, 0, 0.5);
      .el-tag__close{
        color:rgba(0,0,0,1);
        &.el-icon-close{
          background-color: $activeColor;
        }
      }
    }
  }
.el-table, .el-table__expanded-cell {
    background-color: transparent!important;
}

.el-table th, .el-table tr {
    background-color: transparent !important;
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
      border-bottom: none!important;
  }
   // 表格
   .el-table{
   
   .el-table__empty-block{
    background-color: rgba(0, 85, 157, 0.1);
   }
    background: $mainBg;
    color: rgba(255, 255, 255, 0.7);
    
    &:before{
      height: 0;
    }
    tr{
      background: rgba(19, 117, 216, 0.1)!important;

    }
    th{
      background:rgba(19, 117, 216, 0.1)!important;
      color: #fff;
      &.is-leaf{
        border-bottom: 0;
      }
    }
    th.descending .sort-caret.descending{
      border-top-color: $activeColor;
    }
    th.ascending .sort-caret.ascending{
      border-bottom-color: $activeColor;
    }
    td{
      border-bottom: 0.0125rem solid rgba(80, 227, 194, 0.3)!important;
      &:first-child{
        &:before{
          content: '';
          position: absolute;
          left: 0;
          bottom: -0.05rem;
          height: 0.1rem;
          // border-left: 0.0125rem solid rgba(80, 227, 194, 0.3);
          
        }
      }
      &:last-child{
        &:before{
          content: '';
          position: absolute;
          right: 0;
          bottom: -0.05rem;
          height: 0.1rem;
          // border-left: 0.0125rem solid rgba(80, 227, 194, 0.3);
        }
      }
    }
    
      .el-table__body{
        
        tr:hover>td {
          background-color: rgba(0, 85, 157, 0.1) !important;
        }
        .el-radio__label{
          display: none;
        }
      }
      .el-table__body{
        tr>td {
          // margin: 0 0.025rem!important;
          border-bottom: 0.0125rem solid rgba(2, 196, 255, 0.25)!important;
         
        }
        
      }
      .el-table__body{
        tr.el-table__row--striped.current-row td,tr.current-row>td,tr.hover-row.current-row>td, tr.hover-row.el-table__row--striped.current-row>td, tr.hover-row.el-table__row--striped>td, tr.hover-row>td{
          background-color: rgba(0,85,157,0.1);
          
        }
      }
      .el-table__fixed-body-wrapper{
        .el-table__body{
          tr{
            th:last-child{
              background: $pannelBg;
            }
            td:last-child{
              // background: $pannelBg;
            }
          }
        }
      }
    .el-table__fixed-right:before, .el-table__fixed:before{
      z-index: 0;
      // background: transparent;
    }
    .el-table__fixed-right-patch{
      // background: transparent;
      // border-bottom: 0.0125rem solid transparent;
    }
  }
  // 分页
  .el-pagination{
    display: flex;
    justify-content: flex-end;
    .btn-prev{
      width: 0.4375rem;
      height: 0.4375rem;
      border: none;
      // background-image:url(/static/workR/fy.png) ;
      // background-repeat: no-repeat;
      // background-size:100%;
      background: url(static/workR/fy.png) no-repeat 100% !important;
      margin-right: 0.25rem;
    }
    .btn-next{
      width: 0.4375rem;
      height: 0.4375rem;
      border: none;
      background: url("/static/workR/fy.png") no-repeat 100% !important;
    }
    // background: transparent !important;
    color: rgba(255, 255, 255, 0.7);
    .btn-next,.btn-prev{
      color: rgba(255, 255, 255, 0.7);
      background-color: none!important;
      // background-color: transparent !important;
    }
    .btn-next:hover,.btn-prev:hover{
      background: url("/static/workR/fy2.png") no-repeat 100% !important;
    }
    &.is-background{
      .el-pager{
        li:not(.disabled):hover{
          color: $activeColor !important;
        }
      }
    }
    button{
      &:disabled{
        background-color: none!important;
        // background: transparent;
      }
      &:hover{
        background-color: none!important;
        color: $activeColor;
      }
    }
    .el-pagination__total,.el-pagination__jump{
      color: rgba(255, 255, 255, 0.7);
    }
    .el-pagination__sizes{
      .el-input{
        .el-input__inner:hover{
          border-color: rgba(0,0,0,.3);
        }
      }
    }
    .el-pager{
      display: flex;
      li{
          width: 0.4375rem;
          height: 0.4375rem;
          background: url("/static/workR/fy.png") no-repeat 100% !important;
          background-color: none!important;
          margin-right: 0.25rem;
         display: flex;
         justify-content: center;
         align-items: center;
        // background: transparent !important;
        color: rgba(255, 255, 255, 0.7) !important;
        &.btn-quicknext,&.btn-quickprev{
          color: rgba(255, 255, 255, 0.7) !important;
        }
        &:hover,&.active{
          color: $activeColor;
          background: url("/static/workR/fy2.png") no-repeat 100% !important;
          background-color: none!important;
        }
        &:not(.disabled){
          &.active{
            background: url("/static/workR/fy2.png") no-repeat 100% !important;
            color: $activeColor !important;
            background-color: none!important;
          }
        }
      }
    }
  }
   // 弹框中的表格
   .dialog-table-container {
    // 查询表单
    .search-form {
      .el-button {
        margin-left: 0.125rem;
      }
    }
    .el-table {
      // 单选表格
      &.single {
        .el-table__header {

          .el-table-column--selection.is-leaf {
            .el-checkbox {
              display: none;
            }
          }
        }
        .el-table__body {
          .el-table__row {
            .el-checkbox .el-checkbox__inner {
              border-radius: 50%;
            }
          }
        }
      }
    }
    .dialog-footer {
      text-align: right;
    }
  }